<style lang="scss" scoped>

@import '../../style/mixin';
#head_top {
    background-color: $blue;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    @include wh(100%, 1.95rem);
}

.title_head {
    @include center;
    width: 50%;
    color: #fff;
    text-align: center;
    .title_text {
        @include sc(0.8rem, #fff);
        text-align: center;
        font-weight: bold;
    }
}

.head_goback img{
    position: relative;
    top:0.4rem;
    left: 0.4rem;
    @include wh(0.9rem, 1rem);
    line-height: 2.2rem;
    margin-left: .4rem;
}

</style>

<template lang="html">

<header id='head_top'>
    <section class="title_head ellipsis" v-if="headTitle">
        <span class="title_text">{{headTitle}}</span>
    </section>
    <section class="head_goback" v-if="goBack" @click="$router.go(-1)">
        <img src="../../assets/images/goBack.png" alt="">
    </section>
</header>

</template>

<script>

export default {
    props: ['headTitle', 'goBack']
}

</script>
